<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
<link rel="stylesheet" href="css/bootstrap.min.css?v=optimize20180613" />
<link rel="stylesheet" href="css/details.css?v=optimize20180613" />
<script src="js/jquery-1.11.3.js?v=optimize20180613" /></script>
<title id="media_name"></title>
<link rel="shortcut icon" href="../head_for/img/heard.ico">
</head>
<body>

<!--头部标题部分-->
<div class="container">
    <div class="row">
        <div class="col-xs-12" style="margin-top: -15px;margin-bottom: -15px;">
            <h2 class="t_title"></h2>
        </div>
        <!--width:25px;height:25px;border-radius:50%;margin-right:5px;position:relative;top:-2px;-->
        <div class="col-xs-11 neirong" style="padding-right:7px;position:relative;font-size:15px;">
          <img class="title_img" style="width:25px;height:25px;border-radius:50%;margin-right:5px;position:relative;top:-2px;"/>
          <span class="s_title"></span><span class="iconV" ><img src="img/v.png"/></span>
          <p class="bofang_txt">播放:<span id="total—play"></span></p>
         </div>
        <!--<div class="col-xs-6"></div>-->
        <!--<div class="col-xs-4 col-xs-offset-1">-->
        <!--</div>-->
    </div>
</div>
<!--中间部分-->
<div class="container">
    <!--start row1-->
    <div class="row">
        <div class="col-xs-8 col-xs-offset-2" style="position:relative;margin-top:20px;">
            <img src="img/yin.jpg" style="width:100%;border-radius:6px;"/>
            <a id="btn" class="pause_icon"></a>
            <audio id="a1" preload="auto"></audio>
        </div>
        <div class="col-xs-12" style="display: flex;
        justify-content: space-between;margin-top:20px;">
            <span class="current time">00:00</span>
            <span class="duration time">0</span>
        </div>
        <div class="col-xs-12">
            <!--&lt;!&ndash;进度条样式&ndash;&gt;-->
            <div id="progressWrap">
                <span id="showProgress"></span>
                <div id="playProgress">
                    <div class="preload_header"></div>
                </div>
            </div>
        </div>
    </div>
    <!--end row1-->
</div>
<div style="margin-top: 50px;">
        <img src="img/f1.png" style="width:89%;margin-left:5.5%;" class="linkweb">
</div>
<!--start 文字部分-->
<div class="container">
    <div class="row">
        <div class="col-xs-12">
            <p class="box_txt">
            </p>
        </div>
    </div>
</div>
<!--end 文字部分-->
<div style="position: fixed;bottom:0px;" class="linkweb">
        <img src="img/f2.png" style="width: 100%;" >
</div>
<div style='width:100%;height:150px;'></div>
<script src="js/jquery.mobile.min.js?v=optimize20180613" /></script>
<!--<script src="../head_for/js/public.js?v=optimize20180613" /></script>-->
<script src="js/details.js?v=optimize20180613" /></script>
<script src='http://res.wx.qq.com/open/js/jweixin-1.2.0.js?v=optimize20180613' /></script>
<script src="js/bootstrap.min.js?v=optimize20180613" /></script>
<script>
	$(".linkweb").click(function(){
		window.location.href = "http://www.soundems.com";
	})
</script>
</body>
</html>
